/* CSS CUSTOM MOBILE TEMPLATE */
.mobile #kepala-kiri, .mobile #stSegmentFrame, .mobile #stwrapper, .profile-link{
 display:none !important;
}
.mobile #wrapper {
 margin:0 auto !important;
 width:auto !important;
 border:medium none !important;
 max-width:600px !important;
 font-size:13px !important;
}
.mobile #kepala {
 background:#fff;
 width:auto;
 max-width:100% !important;
 margin:0px !important;
 padding:0px !important;
}
.mobile #kepala-kanan {
 height:auto !important;
 padding:6px;
 margin:0px;
 width:auto !important;
 max-width:100%;
}
.mobile #posting, .mobile #sidebar {
 margin:0 auto !important;
 float:none !important;
 width:auto !important;
 max-width:100% !important;
}
/ori.mobile #kotak-posting {
 padding:1px !important;
 border-right:medium none !important;
}

.mobile  #kotak-posting {
margin:2px;
padding:0;
word-wrap:break-word;
}

.mobile aside {
 pa dding:10px !important;
 border-right:medium none !important;
}


.mobile #kotak-sidebar {
 margin:6px !important;
}
.mobile #kotak-sidebar-kanan, .mobile #kotak-sidebar-kiri, .mobile #kotak-sidebar-bawah {
 width:auto !important;
 float:none !important;
 margin:0 6px 6px 6px !important;
}
.mobile #kepala-kanan h1.title {
 text-align:left;
 padding:0px !important;
}
.mobile #kepala-kanan .description {
 text-align:left;
 padding:3px 0px 0px 6px !important;
}

/* menghilangkan deskripsi */

.mobile .description{display:none}

.mobile .date-header {display: none}
.mobile .mobile-post-outer { margin:0; padding:0 0 8px; border-bottom: 1px solid #ccc;
}
.mobile .mobilethumb img {
 margin:0 !important;
}
.mobile .mobilethumb {
 -moz-box-shadow:1px 1px 5px rgba(1,1,1,.1);
 -webkit-box-shadow:1px 1px 5px rgba(1,1,1,.1);
 box-shadow:1px 1px 5px rgba(1,1,1,.1);
 float:left;
 margin:3px 6px 6px 0px;
 padding:3px;
 border:1px solid #ddd;
}
.mobile .post { margin:0; padding:0;
}
.mobile h3.post-title, .mobile h3.mobile-index-title { color:#2b801c; text-shadow:1px 1px #ddd; font-size:15px; margin:10px 0 4px;
}
.mobile h3.post-title:hover, .mobile h3.mobile-index-title:hover {
 color:#ff0912;
}
.mobile .mobile-index-arrow {display:none}
.mobile .mobile-index-contents {display:none}
.mobile .post-body { font-size:13px;
}
.mobile .post-footer { font-size:12px; margin:6px 0; padding:6px 0; border-top:1px dotted #ddd; border-bottom:1px solid #ddd;
}
.mobile #sidebar .item-thumbnail {
 display:none !important;
}
.profile-img { border:1px solid #ddd; padding:3px;
}
.profile-datablock {text-align:center;
}
.mobile blockquote {
 margin:0 0 13px 6px !important;
 padding:6px !important;
 border-left: 3px solid #ddd;
 text-align:left;
 font-style:italic;
 border-top:1px solid #ddd;
 border-right:1px solid #ddd;
 border-bottom:1px solid #ddd;
}
.mobile img {
 float:none !important;
 display:block;
 width:auto !important;
 max-width:100% !important;
 margin:0 auto 12px !important;
}
.mobile #mobilemenu {
 color:#fff;
 text-shadow:1px 1px #001e3c;
 text-align:center;
 width:auto;
 background:#004083;
 overflow:hidden;
 margin:0;
 padding:6px;
 font-size:13px;
}
.mobile #mobilemenu span a {
 color:#fff;
 padding:0;
 margin:0;
}
.mobile #mobilemenu span a:hover {
 color:#2b801c;
}
.mobile #blog-pager {
 -webkit-border-radius: 12px;
 -moz-border-radius: 12px;
 border-radius: 12px;
 margin:6px 0 0;
 padding:3px 6px;
 border:1px solid #ddd;
}
.mobile #admob {
 display:none;
 max-width:100%;
 overflow:hidden;
}

/* SIDEBAR */
.mobile #sidebar #kotak-sidebar {
margin:10px 10px 10px 9px;
padding:0;
 max-width:100%;
}
.mobile #sidebar h2, #sidebar h3 {
box-shadow:1px 1px 5px rgba(1,1,1,.1);
background:#999;
text-transform:uppercase;
color:#fff;
font-size:15px;
text-shadow:0 1px 0px #666;
padding:4px 8px;
margin:0;
border:1px solid #fff;
}
.mobile #sidebar .widget {
margin:0;
clear:both;
}
.mobile #sidebar .widget-content {
padding:8px 0 0;
}
.mobile #sidebar #kotak-sidebar-kiri {
float:left;
width:145px;
margin:0 5px 10px 9px;
font-size:11px;
display:inline;
}
.mobile #sidebar #kotak-sidebar-kanan {
float:right;
width:145px;
margin:0 10px 10px 5px;
font-size:11px;
display:inline;
}
.mobile #sidebar #kotak-sidebar-bawah {
margin:0 10px 10px 9px;
padding:0;
width:300px;
}

/* BOTTOM-BAR */
.mobile #bottom-bar {
overflow:hidden;
background:#eaeaea;
margin:0;
padding:10px;
font-size:13px;
border-top:1px solid #fafafa;
display:block;
}
.mobile #bottom-bar h2, #bottom-bar h3 {
padding:3px 0;
margin:0;
font-size:15px;
font-weight:bold;
text-shadow:0px 1px 0px #eee;
text-transform:uppercase;
border-bottom:1px solid #ddd;
}
.mobile #bottom-bar .widget {
margin:0 0 10px;
}
.mobile #bottom-bar .widget-content ul li {
margin:0;
padding:3px 2px;
border-top:1px solid #fafafa;
border-bottom:1px solid #ddd;
}
.mobile #bottom-bar .widget-content {
padding:8px 0;
border-top:1px solid #fafafa;
}
.mobile #bottom-bar .kiri {
float:left;
width:310px;
margin:0 5px 0 0;
display:inline;
}
.mobile #bottom-bar .tengah {
float:left;
width:310px;
margin:0 5px 0 5px;
display:inline;
}
.mobile #bottom-bar .kanan {
float:right;
width:310px;
margin:0 0 0 5px;
display:inline;
}

.mobile #blog-pager {
clear:both !important;
overflow:hidden;
m argin:-3px 0;
padding:13px;
text-align:center;
}
.mobile #blog-pager-newer-link {
float:left
flo at:left;
box-shadow:1px 1px 5px rgba(1,1,1,.1);
background:#fafafa;
display:block;
padding:5px 8px !important;
margin:0 3px 3px 0;
border-radius:6px 6px;
border:1px solid #fff;
}
.mobile #blog-pager-older-link{
float:right;
flo at:left;
box-shadow:1px 1px 5px rgba(1,1,1,.1);
background:#fafafa;
display:block;
padding:5px 8px !important;
margin:0 3px 3px 0;
border-radius:6px 6px;
border:1px solid #fff;
}

.mobile .breadcrumbs {
box-shadow:1px 1px 5px rgba(1,1,1,.1);
background:#f5f5f5;
text-align: left;
padding:2px;
margin:10px 0 5px;
font-size:13px;
line-height:1.4;
border:1px solid #fff;
}

.mobile  #blog-pager-home-link.mobile-link-button  a.home-link{
fl oat:center;
flo at:right;
box-shadow:1px 1px 5px rgba(1,1,1,.1);
background:#fafafa;
dis play:block;
padding:1px 8px !important;
margin:0 3px 3px 0;
border-radius:6px 6px;
bord er:1px solid #fff;
}

.mobile  .mobile-desktop-link  a.home-link{
flo at:center;
flo at:left;
box-shadow:1px 1px 5px rgba(1,1,1,.1);
background:#fafafa;
dis play:block;
padding:1px 8px !important;
margin:0 3px 3px 0;
border-radius:6px 6px;
bord er:1px solid #fff;
}

/* MEDIA QUERY */
@media (min-device-width: 100px) and (max-device-width: 2600px) {.mobile #admob{display:block;}}@media (min-device-width:100px) and (max-device-width:129px){.mobile #admob{width:114px;}.mobile img{max-width:110px !important;
}}@media (min-device-width:130px) and (max-device-width:161px){
.mobile #admob {width:144px;}.mobile img{max-width:140px !important;}}@media (min-device-width: 162px) and (max-device-width: 177px) {.mobile #admob {width:164px;}.mobile img{max-width:140px !important;}}@media (min-device-width:178px) and (max-device-width:209px) {
.mobile #admob {width:194px;}.mobile img{max-width:170px !important;}}@media (min-device-width:210px) and (max-device-width:221px) {.mobile #admob{width:206px;}.mobile img{max-width:190px !important;}}@media (min-device-width:222px) and (max-device-width:241px) {.mobile #admob{width:220px;}.mobile img{ max-width:210px !important;}}@media (min-device-width:242px) and (max-device-width:321px) {.mobile #admob{width:298px;}.mobile img{max-width:280px !important;}}@media (min-device-width:322px) and (max-device-width:361px) {.mobile img{max-width:300px !important;}}@media (min-device-width:362px) and (max-device-width:401px) {.mobile img{max-width:300px !important;}}@media (min-device-width:402px) and (max-device-width:481px) {.mobile img{max-width:300px !important;}}@media (min-device-width:482px) and (max-device-width:2500px) { 
.mobile img{max-width:300px !important;}}